<template>
  <header class="clearfix m-bread-hd">
    <div class="app-container">
      <router-link class="brand" to="/">
        <img src="../assets/logo.png" alt="好下单">
      </router-link>
      <h3 v-text="title"></h3>
    </div>
  </header>
</template>

<script>
  export default {
    props: {
      title: {
        type: String,
        default: ''
      }
    }
  }
</script>

<style lang="scss" scoped>
  @import '../scss/_var.scss';
  .m-bread-hd {
    height: 108px;
    border-bottom: 1px solid #c9c9c9;
    background: #fff;
    .brand {
      float: left;
      width: 125px;
      height: 50px;
      // margin-left: 18px;
      margin-top: 28px;
    }
    h3 {
      float: left;
      height: 40px;
      margin-left: 56px;
      margin-top: 34px;
      padding-left: 30px;
      font-size: 32px;
      color: #666;
      font-weight: 400;
      border-left: 1px solid #999;
    }
  }
</style>